<template>
	<view>
		<view class="navbar">

		</view>
		<image src="@/static/header.jpg" mode="widthFix" style="width: 100%;"></image>
		<image src="@/static/bottombar.png" mode="widthFix" class="fixed-bar"></image>
		<view class="">
			<view class="list_item" v-for="(item,index) in list" :key="index">
				<view class=""
					style="display: flex;flex-direction: column;justify-content: space-around;height: 92rpx;padding: 20rpx 28rpx;">
					<view class="" style="color: #fff;font-size: 28rpx;">
						{{item.typeName}}
					</view>
					<view class="" style="color: #fff;font-size: 26rpx;">
						{{item.productName}}
					</view>
				</view>
				<view class="" style="height: 80rpx;;background-color: #1e1e1e;display: flex;">
					<view class=""
						style="height: 80rpx;width: 50%;border-right: 1rpx solid #4b4b4b;text-align: right;line-height: 80rpx;color: #a2a2a2;padding-right: 60rpx;">
						{{item.value}}
					</view>
					<view class=""
						style="height: 80rpx;width: 25%;border-right: 1rpx solid #4b4b4b;text-align: center;line-height: 80rpx;color: #a2a2a2;">
						{{item.price}}
					</view>
					<view class=""
						style="height: 80rpx;width: 25%;text-align: center;line-height: 80rpx;color: #a2a2a2;">
						{{item.takeProfit}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: []
			}
		},
		onLoad() {
			this.getList()
		},
		methods: {
			async getList() {
				const res = await this.$http({
					url: "/ListOrder",
					method: "GET",
					data: {
						transactionTypeIds: 1,
						pageNum: 1,
						pageSize: 2000,
						begindatetimestr: "2024-1-01",
						enddatetimestr: "2024-3-04"
					}

				})
				console.log(res.data.rows, 123);
				this.list = res.data.rows
			},
		}
	}
</script>

<style>
	.navbar {
		background-color: #0ebbdd;
		width: 100%;
		height: 120rpx;
	}

	.fixed-bar {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #ffffff;
		/* 设置背景色或其他样式 */
		/* 此处可以设置固定栏目的样式 */
	}

	.list_item {
		width: 100%;

	}
</style>
